UI设计工具都可以直接修图了？再也不用做到一半打开ps了

无论做什么类型的设计，或多或少都会需要处理一些图片素材。但有些时候，仅仅是要抠一两张图、或者去除图片中的某个元素，为此特意打开 PS ，不仅打断了原本的工作流程，还可能出现，处理完图片上传到设计稿中发现不合适，需要反复处理保存再上传的情况。

其实，简单的抠图、修图需求完全可以用一些小工具直接解决。今天就来分享几个不用打开 PS 也能修图的方法。

智能抠图

可以智能识别图像类型，选中图片一键抠图，人像、物品、图章都能处理。

特意找了一张发丝飞扬的女生照片，试了一下，虽然有一些细碎的头发也被一起去除了，但是不影响整体效果。

▲ 即时设计 -「智能抠图」插件

放大局部看发丝，抠图处理得也很干净。

「智能抠图」插件安装链接：https://js.design/community?category=detail&type=plugin&id=620da413a5aeb31a720ff3bf

映造抠图

也是直接上手试一试，这次选了一张背景不同的。同样是可以 AI 自动识别抠图类型，边边角角都处理得很不错。缝隙也没有漏掉，同样识别到并且处理干净了~

▲ 即时设计 -「映造抠图」插件

处理后的图片清晰度也没有损失，完全可以直接使用到设计稿中。

当然最重要的还是，使用起来快速简单，不浪费时间。同样的图片打开 PS 处理，再怎么熟练也不可避免要占用一段时间，如果在考虑导入、导出图片的步骤，浪费的时间只会更多。

「映造抠图」插件安装链接：https://js.design/community?category=detail&type=plugin&id=62a9c7a5fcf6f8672dec1897

AI 擦图

图像处理最常见的两大需求——抠图和擦图。

「AI 擦图」这个插件就解决了后一个需求，涂抹选中图片中需要去除的元素，点击擦除就能一键完成，实际测试下来效果也很令人满意。

▲ 即时设计 -「AI 擦图」插件

设计过程中，再有这类需求，可以随时打开插件处理图片，不用再打开 PS 或者其他工具。

而且这个插件是由「即时设计」官方免费提供，且不限次数，放心安装使用~

「AI 擦图」插件安装链接：https://js.design/community?category=detail&type=plugin&id=62a73978ea290c583206e35f

图片效果编辑

设计过程中，有时会需要单独处理图片，调整亮度、或者增加一些噪点、模糊、扭曲等效果。用这个「图片效果编辑」插件，就能实现让设计师直接在画布内处理图片，无需来回切换工具。

这个插件不仅支持如亮度、对比度、饱和度、曝光度、着色、曲线、暗角等多种色彩调整；也支持编辑各类图片效果，如反转色、镜像翻转、噪点、斑点、模糊、轮廓化等。

功能不少，而且都很实用。

▲ 即时设计 -「图片效果编辑」插件

「图片效果编辑」插件安装链接：https://js.design/community?category=detail&type=plugin&id=62961215d61ecd3672e1651a

像素星球

被广泛应用在网页设计、插画创作、游戏设计、品牌推广等诸多方面的像素风设计，也可以用插件做。

如果你正在做像素风设计，或者想要用一些像素风格的元素点缀设计稿，又或者想在已有设计稿的基础上试试转换创意、尝试像素风格，那么你可以试试这个「像素星球」插件！

选中任意画布或上传本地图片，就能直接将其转化为像素风！还可以通过调整多项参数，自定义像素转化的效果。

▲ 即时设计 -「像素星球」插件

试了一下，拿来做趣味头像甚至表情包也是很不错的~

「像素星球」插件安装链接：https://js.design/community?category=detail&type=plugin&id=639b2003eb86a8ece9e3c79e

最后

设计工具的插件于设计师们而言，绝对是提升效率的利器。今天提到的 5 个插件都是我平时在「即时设计」里会用到而且感觉很不错的。

现在即时设计的社区里，已经累计上新了 120 多个插件，图标资源、图片素材、图表生成、设计交付……各种类型的都有很多。感兴趣的可以自己去即时设计的社区逛逛，我就不逐个介绍了。

即时设计-插件广场：

https://js.design/community?category=plugin&source=ym&plan=mp